// 框架js
$(function () {


  // 1.默认另外两个盒子关闭,点击，隐藏他的兄弟
  $('#cad li').eq(0).on('click', function () {
    $('.henxian').css('left', '0')
    $('.jichu').show().siblings().hide()

  })
  $('#cad li').eq(1).on('click', function () {
    $('.henxian').css('left', '96px')
    $('.seoxx').show().siblings().hide()
  })
  $('#cad li').eq(2).on('click', function () {
    $('.henxian').css('left', '193px')
    $('.wenzhang').show().siblings().hide()
  })

  // 时间选择
  layui.use('laydate', function () {
    const laydate = layui.laydate;

    //执行一个laydate实例
    laydate.render({
      elem: '#test1', //指定元素
      // type: 'datetime'
    });
  });

  // 添加页面下一步按键和返回按键
  // 1.下一步
  $("form").on('click', ".goes", function () {
    // 因为是下一步所以加1
    const i = $(this).attr('data-id')
    console.log(i);

    // 模拟点击
    $('#cad li').eq(i).click()
  })
  // 2.返回上一步
  $("form").on('click', "#back", function () {
    // 因为是下一步所以加1
    const i = $(this).attr('data-id')
    console.log(i);

    // 模拟点击
    $('#cad li').eq(i).click()
  })

  // 添加点击事件
  let num = $('form [name="click"]').val()
  $('#jian').on('click', function () {

    num--
    console.log(num);
    if (num <= 0) {
      //   $('#jian').removeAttr('disabled')
      // } else {
      num = 0
      // $('#jian').attr('disabled', "true")
    }
    $('form [name="click"]').val(num)
  })
  $('#jia').on('click', function () {

    num++
    console.log(num);
    $('form [name="click"]').val(num)
  })

})




$(function () {
  // 初始化富文本编辑器
  initEditor()
  // 定义全局发布文章状态
  let status = '2'
  // 初始化富文本编辑器
  initEditor()
  // 定义全局，后面都能使用form方法
  const form = layui.form
  // 获取文章分类数据
  renderSlect()
  function renderSlect() {
    $.ajax({
      method: 'GET',
      url: '/ydd_cate/all',
      success: function (res) {
        console.log(res);
        // 判断是否成功获取
        const { errno, errmsg, data } = res
        if (errno !== 0) return layer.msg(errmsg)
        // 成功了
        // 获取类别，生成模板字符串，插入页面
        const htmlTpl = data.map(item => {
          return `
          <option value="${item.id}">${item.catename}</option>
`
        }).join("")
        // 插入页面中
        $(".layui-form [name=cateid]").html(htmlTpl)
        // console.log(htmlTpl);
        // 插件库必须
        form.render()
      }

    })
  }

  // 获取文章标签
  renderCheckbox()
  function renderCheckbox() {
    $.ajax({
      method: 'GET',
      url: '/ydd_tag/all',
      success: function (res) {
        console.log(res);
        // 错误判断是否获取
        const { errno, errmsg, data } = res
        if (errno !== 0) return layer.msg(errmsg)
        //  获取成功
        // 生成模板字符串
        const htmlTpl = data.map(item => {
          return `
          <input type="checkbox" title='${item.tagname}'>
          `
        }).join('')
        $('#checkboxT').html(htmlTpl)
      }
    })
  }


  // 文章添加
  // $.ajax({
  //   method: 'POST',
  //   url: '/ydd_article/add',

  // })
  //  获取表单值
  function getData() {
    const data = {}
    const tags = []
    $('.layui-form-checked').each(function () {
      const key = $(this).find('span').html()
      tags.push(key)
    })
    const chinese = /[^\u4E0-\u9FA5]/g;
    $('#form').serialize().split('&')
      .map(item => item.split('='))
      .forEach(([one, two]) => data[one] = chinese.test(two) ? decodeURI(two) : two)
    data.tags = tags.join(',')
    data.create_date = +new Date(data.create_date)
    data.ishot = data.ishot === 'on' ? 1 : 0
    data.click = +data.click
    data.content = tinyMCE.activeEditor.getContent()
    data.cateid = +data.cateid
    data.lovenum = +data.lovenum
    data.status = status
    console.log(data);
    return data

  }


  // 文件上传按钮美化
  $("#openF").on('click', function () {
    $('#file').click() // 模拟点击

  })
  let file = null
  $('#file').on("change", function (e) {
    file = e.target.files[0]
    console.log(file);
  })
  // form表单提交事件
  $('#form').on('submit', function (e) {
    // 阻止默认事件提交
    e.preventDefault()
    const data = getData()
    console.log(data);

    const pic = new FormData()
    pic.append('file', file)
    $.ajax({
      method: 'POST',
      url: "/common/upload?type=images",
      processData: false,
      data: pic,
      contentType: false,
      success: ({ errmsg, errno, data: { savePath } }) => {
        data.pic = savePath
        $.ajax({
          method: 'POST',
          url: '/ydd_article/add',
          data: JSON.stringify(data),
          contentType: 'application/json;charset=utf-8',
          success: function (res) {
            console.log(res);
            if (errno) return layer.msg('发布失败', { icon: 5, time: 100 })
            layer.msg('发布成功', { icon: 1, time: 1000 }, function () {
              $('#form')[0].reset()
              // localStorage.removeItem('articleId')
              location.href = './article.html'
            })
          }
        })
      }
    })
  })


  // 存草稿
  $('#saveBtn').on('click', function () {
    state = '1'
  })
})
